#214973

Color Details

HEX
#214973
RGB
rgb(33, 73, 115)
HSL
hsl(211, 55%, 29%)
CMYK
cmyk(71%, 37%, 0%, 55%)
Best text on this color #FFFFFF (CR 9.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #214973
Contrast 2.27:1 Fail
White on #214973
Contrast 9.27:1 AAA
#214973 on Black
Contrast 2.27:1 Fail
#214973 on White
Contrast 9.27:1 AAA

Tints & Shades

#4d6d8f
#7a92ab
#a6b6c7
#1a3a5c
#142c45
#0d1d2e

Complement & Analogous

#734b21
#232173
#217173

Triadic

#732149
#497321

Monochrome

#0d1d2e #142c45 #214973 #7a92ab #a6b6c7 #d3dbe3

Analogous

#217173 #649c9d #214973 #4f4d8f #232173 #1c1a5c

Complementary Mix

#142c45 #214973 #7a92ab #734b21 #a48a6f #4b3115

Nearby Colors

#214972
#214974
#214963
#214983

Embed #214973 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #214973

#214973 converts to RGB(33, 73, 115) and HSL(211, 55%, 29%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#214973 FAQs

What is the RGB value of #214973?
RGB: 33, 73, 115. Copy as CSS: rgb(33, 73, 115)
Is #214973 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #214973?
Complement: #734b21.
Does #214973 have good contrast on white or black?
On white: 9.27:1 (AAA (normal text)). On black: 2.27:1 (Fails AA).